<style lang="less">
 @import './layout.less';
</style>

<template>
  <a-layout-footer class="footer">
    <v-container>
      <section class="footer-section">
        <section class="footer-logo">
          <img src="~/assets/images/baai.png" alt="">
        </section>

        <section class="footer-link">
          <v-social />
        </section>
      </section>

      <section class="footer-section">
        <section class="footer-intro">
          <div class="footer-span">
            <v-subnav />
          </div>

          <div class="footer-span">
            <span>&copy; {{ baseInfo.year }} {{ baseInfo.address }}</span><span>ICP备案号：{{ baseInfo.icp }}</span>
          </div>
        </section>

        <section class="footer-intro">
          <div class="footer-span">
            地址：{{ baseInfo.address }}
          </div>
          <div class="footer-span">
            <span>电话：{{ baseInfo.telphone }}</span><span /><span>邮箱：{{ baseInfo.email }}</span>
          </div>
        </section>
      </section>
    </v-container>
  </a-layout-footer>
</template>

<script>
import { mapState } from 'vuex'
import Container from './container'
import Social from '~/components/social'
import Subnav from '~/components/subnav'

export default {
  components: {
    'v-social': Social,
    'v-subnav': Subnav,
    'v-container': Container,
  },

  computed: {
    ...mapState({
      baseInfo: ({ config }) => config.baseInfo,
    }),
  },

  created () {},

  methods: {},
}
</script>
